<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="layout :: common_header(~{::title})">
    <title>工作总结记录成长-OA办公系统</title>
</head>
<body th:replace="layout :: common_body(~{::div.layui-body})">
<div class="layui-body" style="padding:15px;">
    <blockquote class="layui-elem-quote layui-text">
        <a href="/work/daily_add" class="layui-btn layui-btn-primary layui-btn-sm">添加工作总结</a>
    </blockquote>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>每天都在成长的路上</legend>
    </fieldset>
    <ul class="layui-timeline">
        <li class="layui-timeline-item" th:each="item:${lists}">
            <i class="layui-icon layui-timeline-axis"></i>
            <div class="layui-timeline-content layui-text">
                <h3 class="layui-timeline-title" th:text="${item.getWorkDay()}">8月18日</h3>
                <p >
                    <span th:text="${item.getSummary()}"></span>
                    <br><span th:text="${item.getPlan()}"></span>

                    <br>
                    <span th:text="${item.tag}"></span>
                    <i class="layui-icon"></i>
                    <br><span th:text="${item.getSuggest()}"></span>
                </p>
            </div>
        </li>

    </ul>

<!--    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">-->
<!--        <legend>周总结</legend>-->
<!--    </fieldset>-->
<!--    <ul class="layui-timeline">-->
<!--        <li class="layui-timeline-item">-->
<!--            <i class="layui-icon layui-timeline-axis"></i>-->
<!--            <div class="layui-timeline-content layui-text">-->
<!--                <div class="layui-timeline-title">2018年，layui 5.0 发布。并发展成为中国最受欢迎的前端UI框架（期望）</div>-->
<!--            </div>-->
<!--        </li>-->
<!--        <li class="layui-timeline-item">-->
<!--            <i class="layui-icon layui-timeline-axis"></i>-->
<!--            <div class="layui-timeline-content layui-text">-->
<!--                <div class="layui-timeline-title">2017年，layui 里程碑版本 2.0 发布</div>-->
<!--            </div>-->
<!--        </li>-->
<!--        <li class="layui-timeline-item">-->
<!--            <i class="layui-icon layui-timeline-axis"></i>-->
<!--            <div class="layui-timeline-content layui-text">-->
<!--                <div class="layui-timeline-title">2016年，layui 首个版本发布</div>-->
<!--            </div>-->
<!--        </li>-->
<!--        <li class="layui-timeline-item">-->
<!--            <i class="layui-icon layui-timeline-axis"></i>-->
<!--            <div class="layui-timeline-content layui-text">-->
<!--                <div class="layui-timeline-title">2015年，layui 孵化</div>-->
<!--            </div>-->
<!--        </li>-->
<!--        <li class="layui-timeline-item">-->
<!--            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>-->
<!--            <div class="layui-timeline-content layui-text">-->
<!--                <div class="layui-timeline-title">更久前，轮子时代。维护几个独立组件：layer等</div>-->
<!--            </div>-->
<!--        </li>-->
<!--    </ul>-->


</div>
</body>
</html>
